<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/sql" prefix="sql" %>    
<%@taglib prefix="form" uri="http://www.springframework.org/tags/form"%>

<html>
<head>
 <link href="<c:url value="/resources/homepage.css" />" rel="stylesheet">
 <link href="<c:url value="/resources/tcal.css" />" rel="stylesheet">
 <script type="text/javascript" src="<c:url value="/resources/tcal.js" />"></script> 
 
 
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>CreateProject</title>

<script type="text/javascript">

function checkBoxValidation1()
{
	for(var i=0; i < document.form1.check.length; i++)
	{
		if(document.form1.check[i].checked)
			{
			alert("Click OK to display your Prject List");
			return true;
			}
		else
			{
			alert("Please Select employee's in that project");
			return false;

			}
		}
	}


</script>
</head>
<body>

<form:form name="form1" action="saveProject" method="post" modelAttribute="project" > 

<div id="wrapper">
<!-- ============ HEADER SECTION ============== -->
		<div id="header">
			<div id="headerlogo">
				</div>
		</div>
<!-- ============ NAVIGATION SECTION ============== -->
	<div id="menubar">
		
			<ul>
			<li><a href="Project">Projects</a></li>
			<li><a href="CreateProject">Create Project</a></li>
					<li><a href="Backlog">Backlog</a></li>
					<li><a href="SprintPlanning">Sprint Planning</a></li>
					<li><a href="Storyboard1">Sprint Tracking</a></li>
					<li><a href="logout">Logout</a></li>
				</ul>
	</div>
<!-- ============ MIDDLE SECTION ============== -->

<fieldset>
<legend>
<h2>Enter Project Details</h2>
</legend>

<div id="projectitle">
</div>
<div id="main">
<div id="m1">
<table>
<tr>
<td>Project Title</td>
<td><form:input path="project_name" size="30"/></td>
<td>Client Name</td>
<td>
<!-- <input type="text" size="30"> -->
 		<form:select path="client_id">
<%-- 					<option value='<c:out value="${designationName.designation_id}"/>'><c:out value="${designationName.designation_name}" /></option> --%>
							<c:forEach var="client" items="${clientList}">
								<option value='<c:out value="${client.client_id}"/>'>
										<c:out value="${client.client_name}" />
								</option>
							</c:forEach>
		</form:select>

</td>
</tr>
<tr>
<td>Planned Start Date</td>
<td><form:input path="planned_start_date" size="10" class="tcal" /><font color="red">[yyyy-mm-dd]</font></td>
<td>Planned End Date</td>
<td><form:input path="planned_end_date" size="10" class="tcal" /><font color="red">[yyyy-mm-dd]</font></td>
</tr>
<tr>
<td>Actual Start Date</td>
<td><form:input path="actual_start_date" size="10" class="tcal" /><font color="red">[yyyy-mm-dd]</font></td>
<td>Actual End Date</td>
<td><form:input path="actual_end_date" size="10" class="tcal" /><font color="red">[yyyy-mm-dd]</font></td>
</tr>
<tr>
<td>Description</td>
<td><form:textarea path="project_description" rows="4" cols="25" /></td>
<td>
	<div id="scroller">	
	<table>
		<tr>
		<th></th>
		</table>
	</div>
	
<!-- Team-Members -->
</td>
<td>
<!-- <textarea rows="4" cols="25"></textarea> -->
</td>
</tr>
<tr>
<!-- <td>Status</td> -->
<%--  		<td><form:select path="status_id"> --%>
<!-- 									<option value="">-- Select status from List --</option> -->
<%-- 									<c:forEach var="status" items="${statusList}"> --%>
<%-- 										<option value='<c:out value="${status.status_id}"/>'> --%>
<%-- 											<c:out value="${status.status_name}" /> --%>
<!-- 										</option> -->
<%-- 									</c:forEach> --%>
<%-- 							</form:select></td> --%>
<td>Platform</td>
<td>
	<c:forEach var="platform" items="${platformList}">
						<input type="checkbox" name="check1" value="${platform.platFormid }">
						<c:out value="${platform.platFormName}" />
	</c:forEach>	
</td>


<!--<td>
 Add Members 
</td>
<td>
<!-- <input type="text" size="30"/><input type="button" class="buttonStyle" value="Add"/>
</td>
<!-- </tr> -->
<!-- <tr> -->
<!-- <td>
<!-- Number Of Platform
</td>
<td>
<!-- <input type="text"/>
</td> 
<td>Platform</td>
<td><select id="platform">
<option value="1" > IOS </option>
			<option value="2" > WINDOWS</option>
			<option value="3" > ANDROID</option>
</select>
</td>-->
</tr>

</table>

<input type="reset" value="RESET" style="margin-left: 390px; width: 100px; height: 30px" />
<input type="submit" value="CREATE" style="margin-left:50px; width: 100px; height: 30px"  onclick="checkBoxValidation1()"/>


</div><!-- m1 -->
</div><!--  main-->
</div><!-- wrapper -->

</fieldset>
</form:form>
</body>
</html>